<template>
  <div class="footer">
    <div class="content">
      <div class="flex items-center justify-center num" v-show="activeMenuIndex=='/index'">网站浏览量：
        <div>
          <span>1</span>
          <span>3</span>
          <span>1</span>
          <span>3</span>
          <span>1</span>
          <span>3</span>
          <span>1</span>
        </div>
        次
      </div>
      <div class="flex items-center justify-center">
        <div class="w-1/3">主办单位：三台县网络舆情监测中心</div>
        <div class="w-1/4">传真：0816-5338259</div>
        <div class="w-1/4">服务邮箱：santaiweb@126.c</div>
      </div>
      <div class="flex items-center justify-center">
        <div class="w-1/4">网站标识码：5107220077</div>
        <div class="w-1/4">网站运维电话：0816-5338259</div>
        <div class="w-1/4">备案序号：蜀ICP备2022015024</div>
        <div class="w-1/4 flex items-center justify-center">
          <img src="@STmailboxesWeb/assets/imgs/icon-04.png" alt="" />川公网安备51072202110054
        </div>
      </div>
      <div>技术支持：三台县网络舆情监测中心 三台县大数据中心</div>
      <div class="flex items-center justify-center">
        <img src="@STmailboxesWeb/assets/imgs/png-01.png" alt="" />
        <img src="@STmailboxesWeb/assets/imgs/png-02.png" alt="" />
        <img src="@STmailboxesWeb/assets/imgs/png-03.png" alt="" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeMenuIndex: "null"
    };
  },
  created() {
    this.activeMenuIndex = this.$store.state.activeMenuIndex

  },

  watch: {
    '$store.state.activeMenuIndex'(val) {

      this.activeMenuIndex = val

    }
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.footer {
  width: 100%;
  height: 240px;
  background: #ededed;
  position: relative;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #777777;
  line-height: 17px;

  .content {
    width: 800px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;

    .num {
      color: #333333;

      >div {
        margin: 0px 6px;
      }

      span {
        display: inline-block;
        width: 20px;
        height: 26px;
        background: #E4E4E4;
        border: 1px solid #D5D5D5;

        font-size: 16px;
        font-family: Arial-Black, Arial;
        font-weight: 900;
        color: #305D9A;
        line-height: 23px;
      }
    }

    >div {
      margin: 16px 0px;
      text-align: center;
    }

    >div:first-child {
      margin: 26px 0px;
      color: #333333;
    }
  }
}
</style>